<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <!-- <mate name="flexibel" content="initial-drl=2"/> -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

  <title>大乐透结果页</title>
  <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
  <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
  <script src="__PUBLIC__/js/rem.js"></script>
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <style>
    .lc_box,
    .lc_con,
    .lc_tip,
    .master_introduction,
    .obp_user,
    .obp_user .txt,
    .public_bg_white,
    .public_bzcy_title,
    .public_have_test,
    .uf_ul li,
    .uf_ul_wrap,
    .user_feedback {
      overflow: hidden;
    }

    /* 命盘 */
    .liunian_table {
      margin: 10px 0;
      color: #512a18;
    }

    table {
      border-spacing: 0;
    }

    .red_words {
      color: #a40b1c;
    }

    .red {
      color: #d52800;
    }

    .liunian_table table {
      width: 100%;
      background: #fff4d6;
      margin-bottom: 5px;
      border: 1px solid #ddbd67;
    }

    .liunian_table td.bg_col_y {
      background: #f8d0a8;
      color: #763515;
      border-right: 1px solid #ddbd67;
      border-bottom: 1px solid #ddbd67;
    }

    .liunian_table td {
      width: 10%;
      padding: 5px 0;
      box-sizing: border-box;
      border-right: 1px solid #ddbd67;
      border-bottom: 1px solid #ddbd67;
      text-align: center;
    }

    .hr_words {
      text-align: center;
      height: 30px;
      line-height: 30px;
      color: #a40b1c;
      border-left: 1px solid #ddbd67;
    }

    .liunian_table li {
      float: left;
      width: 25%;
    }

    .liunian_table li p {
      font-weight: 700;
      font-size: 20px;
    }

    .liunian_table td.bg_red {
      background: #a61222;
      color: #fff4d6;
    }

    /* 财运运势 */
    .fc_time,
    .zp_cai,
    .qiucai,
    .year_caiyun,
    .bzmp {
      border-bottom: 5px solid #e0e0e0;
    }

    .bzmp {
      padding: 15px 10px;
    }

    .fc_time,
    .zp_cai {
      background-color: #fff;
      padding: 15px 10px;
      overflow: hidden;
    }

    .public_bzcy_title {
      width: 80%;
      margin: 0 auto;
      position: relative;
      background: url(__PUBLIC__/images/bzcy_img/bg_public_title.jpg) repeat-x;
      background-size: 100% 25px;
      color: #fffbf2;
    }

    .lc_tip span,
    .public_bzcy_title {
      line-height: 25px;
      text-align: center;
    }

    .public_bzcy_title:after,
    .public_bzcy_title:before {
      content: "";
      position: absolute;
      top: 0;
      background: url(__PUBLIC__/images/bzcy_img/icon_lr_title3.jpg) no-repeat;
      width: 8px;
      height: 25px;
      background-size: 100% 100%;
    }

    .public_bzcy_title:after {
      right: 0;
      -moz-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1);
    }

    .public_bzcy_title:before {
      left: 0;
    }

    .fc_time_content {
      overflow: hidden;
      margin: 10px 0;
    }

    .fc_time_content img {
      width: 88px;
      height: 100px;
      margin: 5px 0 0 5px;
    }

    .zp_cai_score {
      overflow: hidden;
      width: 160px;
      margin: 15px auto;
    }

    .zp_cai_score span {
      float: left;
      line-height: 80px;
    }

    .zp_cai_score .public_zhishu {
      float: left;
      margin: 0 5px;
    }

    .public_zhishu {
      text-align: center;
      width: 80px;
      height: 80px;
      margin: 0 auto;
      background-color: #fde6c4;
      position: relative;
      border-radius: 50%;
      overflow: hidden;
    }

    .public_zhishu:before {
      content: '';
      position: absolute;
      background-color: #ed2340;
      height: 80px;
      top: 0;
      left: 0;
      z-index: 2;
    }

    .public_zhishu div {
      width: 70px;
      height: 70px;
      line-height: 70px;
      top: 5px;
      left: 5px;
      border-radius: 50%;
      background-color: #fff;
      position: absolute;
      box-sizing: border-box;
      z-index: 9;
    }

    .public_zhishu div b {
      color: #ed2340;
      font-size: 18px;
    }

    .public_box {
      position: relative;
      border: 1px solid #efe4d5;
      margin: 5px;
      background-color: #fbf8f2;
    }

    .public_box i {
      position: absolute;
      background: url(__PUBLIC__/images/bzcy_img/icon_horn.jpg) no-repeat;
      width: 7px;
      height: 6px;
      background-size: 100% 100%;
    }

    .public_box i.horn01 {
      top: -1px;
      left: -1px;
    }

    .public_box i.horn02 {
      top: -1px;
      right: -1px;
      -moz-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1);
    }

    .public_box i.horn03 {
      bottom: -1px;
      left: -1px;
      -moz-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      -o-transform: scaleY(-1);
      transform: scaleY(-1);
    }

    public_box i.horn04 {
      background-image: url(__PUBLIC__/images/bzcy_img/icon_horn_4.jpg);
      background-size: 100% 100%;
      bottom: -1px;
      right: -1px;
    }

    .zp_cai_content {
      overflow: hidden;
      padding: 10px;
    }

    .zp_cai_content span {
      color: #ce2d34;
    }

    .caiyun,
    .qiucai,
    .year_caiyun {
      overflow: hidden;
      padding: 10px;
      background-color: #fff;
    }

    .qiucai .content {
      margin: 10px 0;
    }

    .yc_top {
      margin: 10px 0;
      overflow: hidden;
    }

    .yc_top .sx {
      width: 50%;
      text-align: center;
    }

    .yc_top .sx p {
      width: 70px;
      height: 70px;
      line-height: 70px;
      text-align: center;
      color: #c4292d;
      font-size: 24px;
      font-weight: 700;
      border: 5px solid #fde6c4;
      border-radius: 50%;
      margin: 0 auto;
    }

    .yc_top .sx .words {
      display: block;
      margin-top: 5px;
    }

    .yc_top .zs {
      width: 50%;
      text-align: center;
    }

    .yc_content {
      overflow: hidden;
      padding: 10px;
      text-align: left;
    }

    .yc_content span {
      color: #c4292d;
      display: inline-block;
    }

    .caiyun_content {
      margin-top: 10px;
    }

    .caiyun_content p {
      margin-bottom: 5px;
    }

    .caiyun_content .bg_red {
      background-color: #c4292d;
    }

    .caiyun_content .bg_yellow {
      background-color: #9f7d51;
    }

    .caiyun_content .bg_red,
    .caiyun_content .bg_yellow {
      color: #fff;
      border-radius: 3px;
      padding: 0 3px 0 5px;
      height: 20px;
      line-height: 20px;
      margin-right: 3px;
    }

    .caiyun .public_box {
      padding-top: 10px;
      margin-top: 10px;
    }

    .caiyun_txt {
      padding: 10px;
    }

    .caiyun_txt span {
      color: #c4292d;
    }

    .fiex_bt {
      height: 50px;
      line-height: 50px;
      font-size: 18px;
    }

    .fiex_bt a {
      background-color: #D60F00;
      height: 40px;
      line-height: 40px
    }
  </style>
  <style>
    [v-cloak] {
      display: none !important;
    }

    #app {
      background-color: #B70B0E;
    }

    .ssq {
      width: 7.5rem;
      height: 9.16rem;
      background: url(__PUBLIC__/images/color2/bg/jieguo_1.png) no-repeat;
      background-size: 100% 100%;
      position: relative;
      color: #333;
      font-size: .20rem !important;
    }

    .ssq .redb,
    .ssq .blueb {
      width: .3rem;
      height: .3rem;
      padding: .05rem;
      background-clip:content-box;
      position: absolute;
      text-align: center;
      line-height: .25rem;
      box-sizing: border-box;
      font-size: .16rem;
      color: #333;
      border-radius: 50%;
    }

    .ssq .redb:nth-child(1) {
      top: 6.04rem;
      left: 1.9rem;
      
    }

    .ssq .redb:nth-child(2) {
      top: 6.37rem;
      left: 2.21rem;

    }

    .ssq .redb:nth-child(3) {
      top: 6.67rem;
      left: 2.54rem;

    }

    .ssq .redb:nth-child(4) {
      top: 6.92rem;
      left: 2.94rem;

    }

    .ssq .redb:nth-child(5) {
      top: 6.92rem;
      left: 3.38rem;

    }

    .ssq .redb:nth-child(6) {
      top: 6.92rem;
      left: 3.82rem;

    }

    .ssq .redb:nth-child(7) {
      top: 6.92rem;
      left: 4.26rem;

    }

    .ssq .redb:nth-child(8) {
      top: 6.67rem;
      left: 4.66rem;

    }

    .ssq .redb:nth-child(9) {
      top: 6.37rem;
      left: 4.99rem;

    }

    .ssq .redb:nth-child(10) {
      top: 6.04rem;
      left: 5.3rem;

    }

    .ssq .redb:nth-child(11) {
      top: 5.65rem;
      left: 5.54rem;

    }

    .ssq .redb:nth-child(12) {
      top: 5.65rem;
      left: 5.54rem;

    }

    .ssq .redb:nth-child(12) {
      top: 5.21rem;
      left: 5.54rem;

    }

    .ssq .redb:nth-child(13) {
      top: 4.77rem;
      left: 5.54rem;

    }

    .ssq .redb:nth-child(14) {
      top: 4.33rem;
      left: 5.54rem;

    }

    .ssq .redb:nth-child(15) {
      top: 3.93rem;
      left: 5.3rem;

    }

    .ssq .redb:nth-child(16) {
      top: 3.60rem;
      left: 4.99rem;

    }

    .ssq .redb:nth-child(17) {
      top: 3.3rem;
      left: 4.66rem;

    }

    .ssq .redb:nth-child(18) {
      top: 3.05rem;
      left: 4.26rem;

    }

    .ssq .redb:nth-child(19) {
      top: 3.05rem;
      left: 3.82rem;

    }

    .ssq .redb:nth-child(20) {
      top: 3.05rem;
      left: 3.38rem;

    }

    .ssq .redb:nth-child(21) {
      top: 3.05rem;
      left: 2.94rem;

    }

    .ssq .redb:nth-child(22) {
      top: 3.3rem;
      left: 2.54rem;

    }

    .ssq .redb:nth-child(23) {
      top: 3.6rem;
      left: 2.21rem;

    }

    .ssq .redb:nth-child(24) {
      top: 3.93rem;
      left: 1.9rem;

    }

    .ssq .redb:nth-child(25) {
      top: 4.33rem;
      left: 1.66rem;

    }

    .ssq .redb:nth-child(26) {
      top: 4.77rem;
      left: 1.66rem;

    }

    .ssq .redb:nth-child(27) {
      top: 5.21rem;
      left: 1.66rem;

    }

    .ssq .redb:nth-child(28) {
      top: 5.65rem;
      left: 1.66rem;

    }

    .ssq .redb:nth-child(29) {
      top: 5.88rem;
      left: 4.79rem;

    }

    .ssq .redb:nth-child(30) {
      /* top: 5.63rem;
      left: 5.1rem; */
top: 5.18rem;
    left: 5.08rem;
    }

    .ssq .redb:nth-child(31) {
      top: 4.63rem;
      left: 4.035rem;

    }

    .ssq .redb:nth-child(32) {
      top: 4.99rem;
      left: 4.04rem;

    }

    .ssq .redb:nth-child(33) {
      top: 5.345rem;
      left: 4.035rem;
    }
	.ssq .redb:nth-child(34) {
	  top: 4.08rem;
	  left:2.38rem;
	}
	.ssq .redb:nth-child(35) {
	  top: 4.76rem;
	  left:2.1rem;
	}
  </style>
  <style>
    .ssq .blueb:nth-child(34) {
      top: 5.83rem;
      left: 2.31rem;
    }

    .ssq .blueb:nth-child(35) {
      top: 6.29rem;
      left: 2.76rem;
    }

    .ssq .blueb:nth-child(36) {
      top: 6.49rem;
      left: 3.27rem;

    }

    .ssq .blueb:nth-child(37) {
      top: 6.49rem;
      left: 3.92rem;

    }

    .ssq .blueb:nth-child(38) {
      top: 6.18rem;
      left: 4.51rem;

    }

    .ssq .blueb:nth-child(39) {
      /* top: 5.17rem;
      left: 5.1rem; */
	  top: 4.77rem;
	  left: 5.05rem;
    }

    .ssq .blueb:nth-child(40) {
      /* top: 4.67rem;
      left: 5.1rem; */
		top: 4.08rem;
		left: 4.82rem;
    }

    .ssq .blueb:nth-child(41) {
      /* top: 4.14rem;
      left: 4.90rem; */
		top: 3.76rem;
      left: 4.5rem;
    }

    .ssq .blueb:nth-child(42) {
      /* top: 3.69rem;
      left: 4.44rem; */
		top: 3.47rem;
      left: 3.82rem;
    }

    .ssq .blueb:nth-child(43) {
      /* top: 3.49rem;
      left: 3.92rem; */
	top: 3.47rem;
      left: 3.37rem;
    }

    .ssq .blueb:nth-child(44) {
      /* top: 3.49rem;
      left: 3.27rem; */
	top: 3.75rem;
      left: 2.67rem;
    }

    .ssq .blueb:nth-child(45) {
      /* top: 3.69rem;
      left: 2.76rem; */
top: 5.22rem;
      left: 2.1rem;
    }

    .ssq .blueb:nth-child(46) {
      top: 5.86rem;
      left: 2.33rem;

    }

    .ssq .blueb:nth-child(47) {
      /* top: 4.67rem;
      left: 2.1rem; */
top: 6.17rem;
      left: 2.63rem;
    }

    .ssq .blueb:nth-child(48) {
      /* top: 5.22rem;
      left: 2.1rem; */
	  top: 6.47rem;
	        left: 3.57rem;
    }

    .ssq .blueb:nth-child(49) {
      top: 4.97rem;
      left: 3.175rem;

    }
  </style>
  <style>
    .ssq .btn {
      position: absolute;
      top: 4.5rem;
      left: 3.16rem;
      width: 1.2rem;
      height: 1.2rem;
    }

    .yao-result {
      width: 7.5rem;
      height: 7rem;
      background: url(__PUBLIC__/images/color2/v1/jieguo_2.png) no-repeat center center;
      background-size: 100% 100%;
      padding-top: 1.1rem;
      box-sizing: border-box;
      margin-top: 0.5rem;
    }

    .ball-recom {
      width: 7.5rem;
      height: 11.5rem;
      background: url(__PUBLIC__/images/color2/bg/jieguo_3.png) no-repeat center center;
      background-size: 100% 100%;
      padding-left: .73rem;
      padding-top: 2.3rem;
      box-sizing: border-box;
      margin-top: 0.5rem;
    }
	.ball-recom .recom-top{
		width: 87%;
		text-align: center;
		color: #000000;
		font-size: .36rem;
		line-height: .58rem;
		margin-top: 0.2rem;
	}
    .yao-fenxi{
      width: 7.5rem;
      height: 5.70rem;
      background: url(__PUBLIC__/images/color2/v1/jieguo_4.png) no-repeat center center;
      background-size: 100% 100%;
      font-size: .32rem;
	line-height: .4rem;
	letter-spacing: .03rem;
	color: #161616;
  padding: 2.3rem .8rem 0 1.3rem;
  text-indent: 2em;
  box-sizing: border-box;
  margin-top: 0.5rem;
    }

    .ball-recom .tt {
      font-size: .34rem;
      color: #333333;
      line-height: .58rem;
      width: 6.1rem;
      display: flex;
      justify-content: space-between;
    }

    .ball-recom .tt span {
      font-size: .40rem;
      display: flex;
      flex :none;
      justify-content: center;
      align-items: center;
      width: 0.5rem;
      color: #ff2d2d;
    }

    .ball-recom .balls-wrap {
      display: flex;
      flex-flow: row wrap;
      width: 5.8rem;
      margin-top: 0.1rem;
    }

    .balls-wrap .ball {
      width: .40rem;
      height: .40rem;
      margin-right: 0.24rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .28rem;
      border-radius: 50%;
      color: #ffffff;
      flex: none;
      margin-bottom: 0.25rem;
    }

    .balls-wrap .red {
      background-color: #ff2d2d;
    }

    .balls-wrap .blue {
      background-color: #0000ff;
    }

    .balls-wrap .cp-btn {
      width: 1.33rem;
      height: .40rem;
      background-image: linear-gradient(0deg,
          #ff2d2d 0%,
          #ff5252 100%);
      border-radius: .10rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .28rem;
      color: #ffffff;
      margin-right: 0.24rem;

      margin-left: auto;
    }
  </style>
  <style>
    .yaos {width: 6.8rem;
      margin: 0 auto;
      background-color: #fff;
      box-sizing: border-box;
    }

    .yrow {
      display: flex;
      margin-top: 0.15rem;
      font-size: .28rem !important;
    }

    .ytlt {
      font-weight: 600;
    }

    .ytlt .yname {
      color: #333;
      margin-right: 0.2rem;
    }

    .ytlt .yleft {
      color: #333;
    }

    .ytlt .yright {
      color: #333;
    }

    .yleft,
    .yright {
      width: 3rem;
      flex: none;
    }

    .yname {
      margin-right: 0.1rem;
      width: .6rem;
    }

    .yao {
      display: flex;
      align-items: center;
    }

    .yao .yao-name {
      margin-right: 0.1rem;
    }

    .yao .yaoimg.yitiao{
        width: 1rem;
        height: .27rem;
        /* liangtiao */
        background: url(__PUBLIC__/images/color2/v1/yitiao.png) no-repeat;
        background-size: 100% 100%;
    }
    .yao .yaoimg.liangtiao{ 
        width: 1rem;
        height: .27rem;
        /* liangtiao */
        background: url(__PUBLIC__/images/color2/v1/liangtiao.png) no-repeat;
        background-size: 100% 100%;
    }

    .yao .yao-one {}

    .yao .yao-xo {}

    .red {
      display: flex;
      font-size: .22rem;
      color: #ff2d2d;
      height: 0.3rem;
      justify-content: space-between;
    }

    .red .left {
      margin-left: .3rem;
    }

    .red .right {
      margin-right: 1rem;
    }
  </style>
  
  <style>
    .btm{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 0.8rem;
      font-size: .3rem;
      color: #fff;
      opacity: 0.79;

    }
  .cm-wrap{
    width: 7.14rem;
    margin: 0 auto;
    min-height: 1rem;
    border:.03rem solid  #f38600;
    box-sizing: border-box;
    padding: .04rem;
    background-clip: content-box;
    background-color: #FFFAF1;
    
  }
  .cm-wrap.m{
    margin-bottom: 0.4rem;
    margin-top: 0.2rem;
  }
  .cm-wrap img.tlt{
    width: 4.26rem;
    height: 0.56rem;
    display: block;
    margin: 0.2rem auto .1rem;
  }
  .cm-wrap .jrcy span{
    color: #ff2d2d;
  }
  .cm-wrap .jrcy{
    color: #333333;
    font-size: .32rem;
    padding: 0 .35rem .45rem;
    box-sizing: border-box;

  }
  .cm-wrap .tt {
    font-size: .32rem;
	color: #333333;
  padding: 0 .35rem;
    box-sizing: border-box;
    text-align: justify;
  }
  .cm-wrap  img.right{
    width: 1.84rem;
    height: 1.48rem;
    border-radius: .10rem;
    /* display: block; */
    margin-left: 0.2rem;
    float: right;
  }
  .xiangjie span{
    color: #ff2d2d;
  }
  .xiangjie {
    font-size: .32rem;
	color: #333333;
    box-sizing: border-box;
    text-align: justify;
    width: 6.78rem;
	background-color: #fff6e8;
	border-radius: .10rem;
	border: solid .01rem #e98e58;
  padding: .2rem .25rem .3rem;
  margin:.1rem auto .4rem;
  }
  .ball-recom .tt .lan{
	  color:#0000FF;
  }
  .ball-recom .hei{
  	  color:#000000;
	  margin-top: 0.2rem;
	  margin-bottom: 0.3rem;
  }
  .red-balls{
	font-size: .34rem;
	color: #333333;
	line-height: .58rem;
	width: 6.1rem;
	display: flex;
	justify-content: space-between;
  }
  .red-balls .red-balls-l{
	  display: flex;
	  flex-flow: row wrap;
	  width:2.5rem;
  }
  .red-balls .red-balls-r{
  	  display: flex;
  	  flex-flow: row wrap;
  	  width: 5.8rem;
  	  margin-top: 0.08rem;
  }
  .red-balls .red-balls-r .hong{
	  width: .40rem;
	  height: .40rem;
	  margin-right: 0.24rem;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  font-size: .3rem;
	  border-radius: 50%;
	  color: #ff0000;
	  flex: none;
	  margin-bottom: 0.25rem;
  }
  .red-balls .red-balls-r .lan{
  	  width: .40rem;
  	  height: .40rem;
  	  margin-right: 0.24rem;
  	  display: flex;
  	  justify-content: center;
  	  align-items: center;
  	  font-size: .3rem;
  	  border-radius: 50%;
  	  color: #0000FF;
  	  flex: none;
  	  margin-bottom: 0.25rem;
  }
  .red-balls .cp-btn {
    width: 1.33rem;
    height: .40rem;
    background-image: linear-gradient(0deg, #ff2d2d 0%, #ff5252 100%);
    border-radius: .10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    color: #ffffff;
    margin-right: 0.24rem;
    margin-left: auto;
  }
  </style>
</head>

<body>
  <include file="Public/header" />
  <div id="app" v-cloak>
    <div class="ssq">
      <div class="redb" v-for="(red,rindex) in redList" :key='rindex'>{{red}}</div>
      <div class="redb">09</div>
	  <div class="redb">18</div>
      <div class="redb">27</div>
      <div class="blueb" v-for="(blue,bindex) in blueList" :key='bindex'>{{blue}}</div>
      <div class="blueb">09</div>
      <div class="btn" @click.stop='toggle'></div>
      <!-- <div class="redb" v-for="(red,rindex) in isFixedRed" :key="f'+rindex">{{red}}</div>
      <div class="blueb" v-for="(blue,bindex) in isFixedBlue" :key="'f'+bindex">{{blue}}</div> -->
    </div>
    <div class="yao-result">
        <div class="yaos">
            <div class="yrow ytlt">
              <div class="yname"></div>
              <div class="yleft">{{leftName}}</div>
              <div class="yright">{{rightName}}</div>
            </div>
            <template v-for='(yao,yindex) in yaoList' :key='yindex'>
              <div class="yrow">
                <div class="yname">{{yao.animal}}</div>
                <div class="yleft yao">
                  <div class="yao-name">{{yao.left.yao}}</div>
                  <div class="yaoimg " :class='[yao.left.img]'></div>
                  <div class="yao-one">{{yao.left.one}}</div>
                  <div class="yao-xo">{{yao.left.xo}}</div>
                </div>
                <div class="yright yao" v-show='yao.right'>
                  <div class="yao-name">{{yao.right.yao}}</div>
                  <div class="yaoimg" :class='[yao.right.img]'></div>
                  <div class="yao-one">{{yao.right.one}}</div>
                  <div class="yao-xo">{{yao.right.xo}}</div>
                </div>
              </div>
              <div class="red">
                <div class="left" >{{yao.left.fushen?'↑伏神: '+yao.left.fushen:''}}</div>
                <div class="right" >{{yao.right.fushen?'↑伏神: '+yao.right.fushen:''}}</div>
              </div>
            </template>
          </div>
    </div>
    <div class="ball-recom">
	  <div class="recom-top">前区号码</div>
      <div class="tt">首位:九宫一路，顺子号码分析：<span>{{redList[0]}}</span><span>{{redList[1]}}</span></div>
      <div class="tt">二位:九宫二路，顺子号码分析：<span>{{redList[2]}}</span><span>{{redList[7]}}</span></div>
      <div class="tt">三位:九宫三路，中路常开推荐：<span>{{isFixedRed[1]}}</span><span>{{redList[9]}}</span></div>
      <div class="tt">四位:九宫四路，顺子补缺推荐：<span>{{isFixedRed[2]}}</span><span>{{redList[8]}}</span></div>
      <div class="tt">末位:九宫五路，顺子号码推荐：<span>{{redList[14]}}</span><span>{{isFixedRed[0]}}</span></div>
      <!-- <div class="tt">六位:九宫六路，号码双开推荐：<span>{{isFixedRed[1]}}</span><span>{{isFixedRed[2]}}</span></div> -->
      <div class="recom-top">后区号码</div>
      <div class="tt">首位:九宫一路，顺子号码分析：<span class="lan">{{blueList[3]}}</span><span class="lan">{{blueList[2]}}</span></div>
      <div class="tt">二位:九宫二路，奇数常开分析：<span class="lan">{{blueList[8]}}</span><span class="lan">{{isFixedBlue[0]}}</span></div>
	  <div class="tt hei">经过分析为您推荐幸运号码组合</div>
	  <div class="red-balls">
		  <div class="red-balls-l">前区推荐:</div>
		  <div class="red-balls-r">
			  <div class="hong" v-for="(ball,index) in 10" :key='index'>{{resultList[index]}}
			  </div>
		  </div>
	  </div>
	  <div class="red-balls">
		  <div class="red-balls-l">后区推荐:</div>
		  <div class="red-balls-r">
			  <div class="lan" v-for="(ball,index) in 4" :key='index'>{{resultList[index+10]}}
			  </div>
			  <div class="cp-btn" @click.stop='copyText'>一键复制</div>
		  </div>
	  </div>
      <!-- <div class="balls-wrap" v-show='resultList.length'>
        <div class="ball" :class="[index<=11?'red':'blue']" v-for="(ball,index) in resultList" :key='index'>{{ball}}
        </div>
        <div class="cp-btn" @click.stop='copyText'>一键复制</div>
      </div> -->
    </div>
    <div class="yao-fenxi"><!--{$jiegua['yuanwen_jieshi1']}--><!--{$jiegua['yuanwen_jieshi2']}--></div>
    <div class="cm-wrap m">
      <img src="__PUBLIC__/images/color2/v1/caiyun.png" alt="" class="tlt">
      <div class="jrcy"><span>解析:</span><!--{$fortune}--></div>
    </div>
    <div class="cm-wrap">
      <img src="__PUBLIC__/images/color2/v1/facai.png" alt="" class="tlt">
      <div class="tt"><img class="right" src="__PUBLIC__/images/color2/bg/fa.png" alt="">少年发财，父母祖辈条件好，衣食无忧。财富多来于意外所得。当在少年之时多多从事各种意外之事，买张彩票便中大奖的事极有可能在你身上发生。若能在少年之时懂得花钱容易赚钱难的道理，你便可一辈子不为钱财所忧。
      </div>
      <div class="xiangjie"><span>解析:</span><!--{$arrcyd['fc_time']}--></div>
    </div>
    <div class="btm">测试结果仅供娱乐与参考</div>
  </div>

  <footer class="footer_severs" style="padding-bottom:61px;">
    <include file="Public/bottom" />
  </footer>

  <!-- 弹窗 -->
  <if condition="$wxlogin eq 1">
    <div class="cs_tc_container">
      <div class="cs_tc_warp">
        <img src="__PUBLIC__/images/bzcy_img/img_bzcy.png" width="100%" alt="">
        <div class="lingqu_btn">领取并分享</div>
        <span class="closeBtn"></span>
      </div>
    </div>
    <else />
  </if>
  <!-- 提示分享 -->
  <div class="ts_tc_container">
    <div class="ts_tc_bg">
      <div class="ts_tc_contnet">点击右上角分享到微信群和朋友圈。</div>
    </div>
  </div>
  <script src="__PUBLIC__/js/vue-clipboard2.js"></script>
  <script src="__PUBLIC__/js/vue-2.5.22-min.js"></script>
  <script src="__PUBLIC__/js/layer/layer.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <audio src="" id="myAudio">
    您的浏览器不支持 audio 标签。
  </audio>
  <input type="text" id='forcopy' style="display: none;">
  <script>

    var num = 1;
    var clearTime;
    function setTimeAnimation(NodeClass) {
      num++;
      if (num > 3) {
        num = 1;
      }
      clearTime = setTimeout(function () {
        $(NodeClass).attr('src', "__PUBLIC__/images/bzjp_img/img_yuyin" + num + ".png");
        setTimeAnimation(NodeClass);
      }, 400)
    }

    var audio = document.getElementById('myAudio');
    document.addEventListener("WeixinJSBridgeReady", function () {
      audio.play();
    }, false);

    $('.dashi_point_box').on('click', function () {
      if ($(this).attr('data-cid') == 'one') {
        clearTimeout(clearTime);
        if ($(this).hasClass('play')) {
          $(this).removeClass('play');
          audio.pause();
        } else {
          $('.dashi_point_box').removeClass('play');
          $(this).addClass('play');
          $('#myAudio').attr('src', '__PUBLIC__/images/bzcy_img/bzcy_top.mp3');
          audio.play();
          $(this).next('.dashi_audio_time').removeClass('newMsg');
        }

      } else if ($(this).attr('data-cid') == 'two') {
        clearTimeout(clearTime);
        if ($(this).hasClass('play')) {
          $(this).removeClass('play');
          audio.pause();
        } else {
          $('.dashi_point_box').removeClass('play');
          $(this).addClass('play');
          $('#myAudio').attr('src', '__PUBLIC__/images/bzcy_img/bzcy_bottom.mp3');
          audio.play();
          $(this).next('.dashi_audio_time').removeClass('newMsg');
        }
      }
    });

    audio.addEventListener("play", function () {

      if ($('#myAudio').attr('src') == '__PUBLIC__/images/bzcy_img/bzcy_top.mp3') {
        clearTimeout(clearTime);
        $('#Atwo').attr('src', "__PUBLIC__/images/bzjp_img/img_yuyin3.png");
        setTimeAnimation('#Aone');
      }
      if ($('#myAudio').attr('src') == '__PUBLIC__/images/bzcy_img/bzcy_bottom.mp3') {
        clearTimeout(clearTime);
        $('#Aone').attr('src', "__PUBLIC__/images/bzjp_img/img_yuyin3.png");
        setTimeAnimation('#Atwo');
      }
    });

    audio.addEventListener("pause", function () {
      $('.dashi_point_box').removeClass('play');
      if ($('#myAudio').attr('src') == '__PUBLIC__/images/bzcy_img/bzcy_top.mp3') {
        clearTimeout(clearTime);
        $('#Aone').attr('src', "__PUBLIC__/images/bzjp_img/img_yuyin3.png");
      }
      if ($('#myAudio').attr('src') == '__PUBLIC__/images/bzcy_img/bzcy_bottom.mp3') {
        clearTimeout(clearTime);
        $('#Atwo').attr('src', "__PUBLIC__/images/bzjp_img/img_yuyin3.png");
      }
    });

  </script>
  <script>
    $('.closeBtn').on('click', function () {
      $('.cs_tc_container').css('display', 'none');
    })
    $('.lingqu_btn').on('click', function () {//领取并分享
      $('.cs_tc_container').css('display', 'none');
      $('.ts_tc_container').css('display', 'block');
      $.getJSON("<!--{:U('Index/jieguoyeFxlq','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
      });
    })
    $('.ts_tc_container').on('click', function () {
      $('.ts_tc_container').css('display', 'none');
    })

    $('#fiex').on('click', function () {//加大师微信一对一亲算
      $('#publicPayPopup').css('display', 'block');
      $.getJSON("<!--{:U('Index/jieguoyeXfan','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
      });
    })
    $('.dashi_zaixian_container').on('click', function () {
      $('#publicPayPopup').css('display', 'block');
    })
    $('#publicPPClose').on('click', function () {
      $('#publicPayPopup').css('display', 'none');
    })
    $('.kefu_btn').on('click', function () {//大师在线 立即连线
      $('#publicPayPopup').css('display', 'block');
      $.getJSON("<!--{:U('Index/jieguoyeDszx','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
      });
    })

    var wxlogin = '<!--{$Think.cookie.wxlogin}-->';
    if (wxlogin == 1) {
      wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
        timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
        nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
        signature: '<!--{$signature}-->',// 必填，签名，见附录1
        jsApiList: [
          'checkJsApi',
          'openLocation',
          'getLocation',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'scanQRCode'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
      });

      wx.ready(function () {
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
        // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        //         alert('成功');
        wx.onMenuShareAppMessage({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
          link: '<!--{$Think.cookie.SSQwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
            $('.ts_tc_container').css('display', 'none');
            $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
            });

          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        });

        wx.onMenuShareTimeline({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
          link: '<!--{$Think.cookie.SSQwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
            $('.ts_tc_container').css('display', 'none');
            $.getJSON("<!--{:U('Index/wxShare','',false)}-->", { csName: 'SSQ' }, function (data) {//回调入库
            });
          }

        });

        wx.onMenuShareQQ({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
          link: '<!--{$Think.cookie.SSQwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.onMenuShareQZone({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
          link: '<!--{$Think.cookie.SSQwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.onMenuShareWeibo({
          title: '不可思议！想发财的一定要看，易学大师亲算特别灵！', // 分享标题
          desc: '命理老师财神根据周易五行命理精准批算您的八字财运，预测最佳发财时间及未来财运走势。依卦象分析，提供针对性的建议和开运措施，祝您财运亨通！', // 分享描述
          link: '<!--{$Think.cookie.SSQwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/01.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function (res) {
            // 用户确认分享后执行的回调函数
          }
        });

        wx.error(function (res) {
          // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
          //         alert('失败');
        });


      });

      $(".weixinzf").on('click', function () {
        WeixinJSBridge.invoke(
          'getBrandWCPayRequest', {
          "appId": "<!--{$appId}-->",     //公众号名称，由商户传入
          "timeStamp": "<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
          "nonceStr": "<!--{$nonceStr}-->", //随机串
          "package": "<!--{$package}-->",
          "signType": "<!--{$signType}-->",         //微信签名方式：
          "paySign": "<!--{$paySign}-->" //微信签名
        },
          function (res) {
            if (res.err_msg == "get_brand_wcpay_request:ok") {
              location.href = "<!--{:U('Bzcy/payzfEnd','',false)}-->";
            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
          }
        );

      });

    } else {
      var channel = "<!--{$channel}-->";
      var qsPay = "<!--{$qsPay}-->";
      $(".weixinzf").on('click', function () {
        $.getJSON("<!--{:U('Index/ydy_click','',false)}-->", { csName: 'SSQ' }, function (data) {//大师一对一统计次数
        });

        if (qsPay == 1) {
          alert('已支付');
        } else {
          if (channel == 'qudao26') {
            location.href = "<!--{:U('Index/lianshangZF','',false)}-->?csName=一对一亲算";//亲算公共支付
          } else {
            location.href = "<!--{:U('Index/payZfb','',false)}-->";//支付宝亲算公共支付
          }
        }
      });
    }
  </script>
  <script>
    // var yaoData = JSON.parse('<!--{$zyqgData}-->')
    //   let _yaoList = yaoData.arrliushou.map((val,index)=>{
    //     index += 1
    //     rindex = 7-index
    //     return {
    //       animal:val,
    //       left:{
    //         yao:Array.prototype.slice.call(yaoData.arrbengua['sxgua'+rindex],0,5).join(''),
    //         one:Array.prototype.slice.call(yaoData.arrbengua['sxgua'+rindex],5,6)[0],
    //         img:(yaoData.guaxiang[index] == 1 || yaoData.guaxiang[index] == 3) ? 'yitiao':'liangtiao',
    //         xo:yaoData.guaxiang[index] == 3 ?'o':yaoData.guaxiang[index] == 4?'x':'',
    //         fushen:yaoData.arrbengua['fushen'+rindex],
    //       },
    //       right:yaoData.arrbiangua?{
    //         yao:Array.prototype.slice.call(yaoData.arrbiangua['sxgua'+rindex],0,5).join(''),
    //         one:Array.prototype.slice.call(yaoData.arrbiangua['sxgua'+rindex],5,6)[0],
    //         img:(yaoData.bguaxiang[index] == 1 || yaoData.bguaxiang[index] == 3) ? 'yitiao':'liangtiao',
    //         xo:yaoData.bguaxiang[index] == 3 ?'o':yaoData.bguaxiang[index] == 4?'x':'',
    //         fushen:yaoData.arrbiangua['fushen'+rindex],
    //       }:'' ,
    //     }
    //   })
    // Vue.use(VueClipboard)
    // var vm = new Vue({
    //   el: '#app',
    //   data: {
    //     yaoList:_yaoList.reverse(),
    //       leftName:yaoData.arrbengua.name,
    //       rightName:yaoData.arrbiangua.name,
    //     redList: [],
    //     isFixedRed: [9, 18, 27],
    //     isFixedBlue: [9],
    //     run: false,
    //     isOver: false,
    //     blueList: []
    //   },
    //   computed: {
    //     // 随机数据固定到后端
    //     forApiSaveList(){
    //       return this.redList.length && this.blueList.length && `${this.redList.join(' ')}+${this.blueList.join(' ')}`
    //     },
    //     resultList() {
    //       return this.redList.length && this.blueList.length && [
    //         ...[this.redList[0],
    //         this.redList[1],
    //         this.redList[2],
    //         this.redList[7],
    //         this.redList[8],
    //         this.redList[9],
    //         this.redList[14],
    //         this.redList[15],
    //         this.redList[16],
    //         ...this.isFixedRed,].sort((a, b) => a - b > 0 ? 1 : -1),
    //         ...[this.blueList[0],
    //         this.blueList[1],
    //         ...this.isFixedBlue].sort((a, b) => a - b > 0 ? 1 : -1),
    //       ]
    //     }
    //   },
    //   created() {
    //     this.randomFromApi = '<!--{$numData}-->' //固定到后端的随机数据
    //     this.redList = this.randomFromApi && this.randomFromApi.split('+')[0].split(' ') || this.createRandomBalls(33)
    //     this.blueList =this.randomFromApi && this.randomFromApi.split('+')[0].split(' ') || this.createRandomBalls(16)
    //     setTimeout(() => {
    //       this.toggle()
    //     }, 5000);
    //     this.toggle()
    //   },
    //   methods: {
    //     copyText(){
    //       this.$copyText(`${this.resultList.slice(0,12).join(' ')}+${this.resultList.slice(12,15).join(' ')}`).then(res=>{
    //         layer.msg("复制成功");
    //       },rej=>{
    //         layer.msg("复制失败");
    //       })
    //     },
    //     async toggle(str) {
    //       this.run = !this.run
    //       if (this.run && !this.isOver && !this.randomFromApi) {
    //         this.runner = setInterval(() => {
    //           this.redList = this.createRandomBalls(33)
    //           this.blueList = this.createRandomBalls(16)
    //         }, 300);
    //       } else {
    //         this.isOver = true
    //         clearInterval(this.runner)
    //         !this.randomFromApi && $.getJSON("<!--{:U('BigLotto/randNum','',false)}-->",{numData:this.forApiSaveList},function(data){//首页-立即测算统计
    //         });
    //       }
    //     },
    //     createRandomBalls: function (n) {
    //       var nums = Array(n).fill(1).map(function (val, index) {
    //         return {
    //           num: index + 1,
    //           random: Math.random()
    //         };
    //       });
    //       nums.splice(8, 1); //9
    //       if (n === 33) {
    //         nums.splice(16, 1); //18
    //         nums.splice(24, 1); //27
    //       }
    //       nums.sort(function (a, b) { return a.random > b.random ? 1 : -1; });
    //       return nums.map(function (item) { return item.num; });
    //     }
    //   }
    // })





    
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

var yaoData = JSON.parse('<!--{$zyqgData}-->');

var _yaoList = yaoData.arrliushou.map(function (val, index) {
  index += 1;
  rindex = 7 - index;
  return {
    animal: val,
    left: {
      yao: Array.prototype.slice.call(yaoData.arrbengua['sxgua' + rindex], 0, 5).join(''),
      one: Array.prototype.slice.call(yaoData.arrbengua['sxgua' + rindex], 5, 6)[0],
      img: yaoData.guaxiang[index] == 1 || yaoData.guaxiang[index] == 3 ? 'yitiao' : 'liangtiao',
      xo: yaoData.guaxiang[index] == 3 ? 'o' : yaoData.guaxiang[index] == 4 ? 'x' : '',
      fushen: yaoData.arrbengua['fushen' + rindex]
    },
    right: yaoData.arrbiangua ? {
      yao: Array.prototype.slice.call(yaoData.arrbiangua['sxgua' + rindex], 0, 5).join(''),
      one: Array.prototype.slice.call(yaoData.arrbiangua['sxgua' + rindex], 5, 6)[0],
      img: yaoData.bguaxiang[index] == 1 || yaoData.bguaxiang[index] == 3 ? 'yitiao' : 'liangtiao',
      xo: yaoData.bguaxiang[index] == 3 ? 'o' : yaoData.bguaxiang[index] == 4 ? 'x' : '',
      fushen: yaoData.arrbiangua['fushen' + rindex]
    } : ''
  };
});

Vue.use(VueClipboard);
var vm = new Vue({
  el: '#app',
  data: {
    yaoList: _yaoList.reverse(),
    leftName: yaoData.arrbengua.name,
    rightName: yaoData.arrbiangua.name,
    redList: [],
    isFixedRed: ['09', 18, 27],
    isFixedBlue: ['09'],
    run: false,
    isOver: false,
    blueList: []
  },
  computed: {
    // 随机数据固定到后端
    forApiSaveList: function forApiSaveList() {
      return this.redList.length && this.blueList.length && "".concat(this.redList.join(' '), "+").concat(this.blueList.join(' '));
    },
    resultList: function resultList() {
      return this.redList.length && this.blueList.length && [].concat(_toConsumableArray([this.redList[0], this.redList[1], this.redList[2], this.redList[7], this.redList[8], this.redList[9], this.redList[14]].concat(_toConsumableArray(this.isFixedRed)).sort(function (a, b) {
        return a - b > 0 ? 1 : -1;
      })), _toConsumableArray([this.blueList[3], this.blueList[2], this.blueList[8]].concat(_toConsumableArray(this.isFixedBlue)).sort(function (a, b) {
        return a - b > 0 ? 1 : -1;
      })));
    }
  },
  created: function created() {
    var _this = this;

    this.randomFromApi = '<!--{$numData}-->'; //固定到后端的随机数据
	console.log(this.randomFromApi)
    this.redList = this.randomFromApi && this.randomFromApi.split('+')[0].split(' ') || this.createRandomBalls(35);
    this.blueList = this.randomFromApi && this.randomFromApi.split('+')[1].split(' ') || this.createRandomBalls(12);
    console.log(this.createRandomBalls(35))
	console.log(this.resultList)
	setTimeout(function () {
      _this.toggle();
    }, 5000);
    this.toggle();
  },
  methods: {
    copyText: function copyText() {
      this.$copyText("".concat(this.resultList.slice(0, 10).join(' '), "+").concat(this.resultList.slice(10, 15).join(' '))).then(function (res) {
        layer.msg("复制成功");
      }, function (rej) {
        layer.msg("复制失败");
      });
    },
    toggle: async function toggle(str) {
      var _this2 = this;

      this.run = !this.run;

      if (this.run && !this.isOver && !this.randomFromApi) {
        this.runner = setInterval(function () {
          _this2.redList = _this2.createRandomBalls(35);
          _this2.blueList = _this2.createRandomBalls(12);
        }, 300);
      } else {
        this.isOver = true;
        clearInterval(this.runner);
        !this.randomFromApi && $.getJSON("<!--{:U('BigLotto/randNum','',false)}-->", {
          numData: this.forApiSaveList
        }, function (data) {//首页-立即测算统计
        });
      }
    },
    createRandomBalls: function createRandomBalls(n) {
      var nums = Array(n).fill(1).map(function (val, index) {
        return {
          num: index + 1,
          random: Math.random()
        };
      });
      nums.splice(8, 1); //9

      /* if (n >= 33) {
        nums.splice(16, 1); //18

        nums.splice(24, 1); //27
      } */

      nums.sort(function (a, b) {
        return a.random > b.random ? 1 : -1;
      });
      return nums.map(function (item) {
        return String.prototype.padStart.call(item.num,2,'0')
      });
    }
  }
});



  </script>
</body>

</html>